 html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@font-face { font-family: "Sy-Normal"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Normal.otf?tenantId=64067&viewType=1&v=1683623393000') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Sy-Regular"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Regular.otf?tenantId=64067&viewType=1&v=1683623393000') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Sy-Medium"; src: url('https://static202.yun300.cn/upload/font/SourceHanSansSC-Medium.otf?tenantId=64067&viewType=1&v=1683623393000') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "ariblk"; src: url("../font/ariblk.woff2") format("woff2"), url("https://static202.yun300.cn/upload/font/ariblk.woff?tenantId=64067&viewType=1&v=1683623393000") format("woff"), url("../font/ariblk.ttf") format("truetype"), url("../font/ariblk.eot") format("embedded-opentype"), url("../font/ariblk.svg") format("svg"), url("https://static202.yun300.cn/upload/font/ariblk.otf?tenantId=64067&viewType=1&v=1683623393000") format("opentype"); font-weight: normal; font-style: normal; } @keyframes starwinkle { 0% { width:100%; height:100%; left:0; top:0; } 50% { width:120%; height:120%; left:-10%; top:-10%; } 100%{ width:140%; height:140%; left:-20%; top:-20%; } } @-moz-keyframes starwinkle  { 0% { width:100%; height:100%; left:0; top:0; } 50% { width:120%; height:120%; left:-10%; top:-10%; } 100%{ width:140%; height:140%; left:-20%; top:-20%; } } @-webkit-keyframes starwinkle { 0% { width:100%; height:100%; left:0; top:0; } 50% { width:120%; height:120%; left:-10%; top:-10%; } 100%{ width:140%; height:140%; left:-20%; top:-20%; } } @-o-keyframes starwinkle  { 0% { width:100%; height:100%; left:0; top:0; } 50% { width:120%; height:120%; left:-10%; top:-10%; } 100%{ width:140%; height:140%; left:-20%; top:-20%; } }